import styled from 'styled-components'

const AssionCon =styled.div`
    display:flex;
    height:100%;
    flex-direction:column;
`

const ListDiv = styled.div`
    flex:1;
    position:relative;
    .bgColor{
        background:#108ee9; 
        height:0.14rem;
        width:100%;
        position:absolute;
        top:0rem;
        
    }
    .cont{
        padding:0 0.09rem;
        position:absolute;
        top:0;
        height:100%;
        width:100%;
        overflow-y:scroll;
    }
    header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        height:0.72rem;
        background:#fff;
        margin-bottom:0.1rem;
        border-radius:0.1rem;
        i{
            font-size:0.18rem;
            margin-right:0.10rem;
        }
        .header-left{
            display:flex;
            align-items:center;
            div:first-child{
                height:0.27rem;
                width:0.33rem;
                margin:0 0.1rem 0 0.15rem;
                img{
                    width:100%;
                    height:100%;
                }
            }
            div:last-child{
                p{
                    font-size:0.16rem;
                    color:#333;
                    line-height:0.30rem;
                }
                span{
                    margin-right:0.12rem;
                    font-size:0.16rem;
                    color:#333;
                }
            }
        }
    }
    ul{
        li{
            height:0.72rem;
            background:#fff;
            margin-bottom:0.1rem;
            display:flex;
            justify-content:space-between;
            align-items:center;
            border-radius:0.1rem;
            padding-left:0.15rem;
            div:first-child{
                height:0.39rem;
                h2{
                    font-size:0.16rem;
                    line-height:0.16rem;
                    margin-bottom:0.12rem;
                    color:#333333;
                    span{
                        padding:0.02rem 0.05rem;
                        border-radius:0.44rem;
                        color:#fff;
                        font-size:0.12rem;
                        line-height:0.16rem;
                        margin-left:0.06rem;
                        background:#ED8735;
                        text-align:center;
                        vertical-align:middle;
                    }
                }
                p{
                    font-size:0.14rem;
                    color:#666666;
                    line-height:0.12rem;
                }
            }
            div:last-child{
                height:0.36rem;
                width:0.36rem;
                margin-right:0.25rem;
                img{
                    height:100%;
                    width:100%;
                }
            }
        }
    }

`

export {
    AssionCon,
    ListDiv
}